<template>
	<div class="wrapper">
		<div class="title">知识图谱信息管理系统</div>
		<div class="data" @click="toTable">
		        <div class="text">{{a}}</div>  
		</div>
	</div>
</template>

<script>
	export default{
		name:'shuju',
		data(){
			return{
				a:'',
			}
		},
		created(){
			
		},
		methods:{
			toTable() {
				this.$router.push({
					path: '/table'
				});
			},
		}
	}
</script>

<style scoped>
	/****************** 总容器 ******************/
	.wrapper {
		width: 100%;
		height: 100%;
		background-color: azure;
		
	}
	.wrapper .title{
		width: 100%;
		height: 30%;
		display:flex;
		align-items: center;
		justify-content: center;
		font-size: 5vw;
	}
	.wrapper .data{
		width: 100%;
		height: 30%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wrapper .data .text{
		width: 40%;
		height: 20%;
		background-color: greenyellow;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
</style>
